<template>
  <div class="container">
    <div class="activities">
      <div class="thumbnail">
        <img :src="require('../styles/asset/regGift/reg_02.png')">
      </div>
      <div class="thumbnail">
        <img :src="require('../styles/asset/regGift/reg_03.png')">
      </div>
      <div class="thumbnail" style="position:fixed;bottom:0;left:0">
        <img :src="require('../styles/asset/regGift/reg_04.png')">
      </div>
    </div>
  </div>
</template> 

<script>
  export default {
    data () {
      return {
        img: require('../styles/asset/share.jpg')
      }
    },
    mounted(){
      let root = process.env.MAIN_ROOT;
      let url = window.location.href;
      this.$util.sendShareMessage("新人首礼","注册送骑行券，畅快穿行整座城！", root+this.img,url);
    },
    methods: {
    }
  };
</script>

<style scoped>
  @import "../styles/styles.css";
  .thumbnail{ padding: 0; margin: 0; width: 100%; background-color: #fff;}
  .thumbnail>img{ width: 100%; }
  .container{ 
    position: relative; 
    width:100%;
    height:100%;
    /* height:14rem; */
    border:1px solid #fe9051;
    background: url("../styles/asset/regGift/reg_01.png");
    background-repeat: repeat-y;
    background-size: 100% 100%;
  
  }
  .activities{ overflow-y: scroll; height: 100%; width: 100%;}
  /* repeat-y 100% 100%; */
</style>
